// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

// 3.0.2 导入路由规则对应的组件对象
import home from './components/home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/news.vue';
import newsshow from './components/news/newshow.vue';
import photolist from './components/photo/photolist.vue';


// 3.0.2 定义路由规则
var router1 = new vueRouter({
	linkActiveClass:'mui-active',//改变路由激活时的class名
	routes:[
		{path:'*',redirect:'/home'},//不存在的路由问题，返回到主页，或者写一个404页面
		{path:'/',redirect:'/home'},// 设置默认进入首页
		{path:'/home',component:home}, 
		{path:'/shopcar',component:shopcar},
		{path:'/news/newslist',component:newslist},
		{path:'/news/newsshow/:newsid',component:newsshow},
		{path:'/photo/photolist',component:photolist}
	]
	});
// 4.0导入mint-ui
import 'mint-ui/lib/style.min.css'
import mint from 'mint-ui'
Vue.use(mint)

// 5.0注册mui的css样式
import '../statics/mui/css/mui.css'

// 6.0引入全局的css样式
import '../statics/css/site.css'

// 将vue-resource在vue中绑定，他会自动在vue实例中注入一个$http对象
import vueResource from 'vue-resource'
Vue.use(vueResource)

//注册一个日期格式化的全局过滤器
import moment from 'moment'
Vue.filter('datefmt',function (input,fmtstring){
	return moment(input).format(fmtstring);
})

// 引入公共js文件(公共请求地址)
// 在每一个使用的页面引入太麻烦。所以绑定到vue对象原型上
// 但VUe.use()方法是第三方包提供的的方法，不能使用
import common from './kits/common.js'
Vue.prototype.$common = common;
// .0 利用Vue对象进行解析渲染
new Vue({
	el:'#app',
	// 使用路由对象实例
	router:router1,
	// render:function(create){create(App)} //es5的写法
	render:c=>c(App)  // es6的函数写法 =>：goes to
});